<div id="blog-con" class="content">
    <div id="blog-wrap">
        <table width="100%">
            <tr>
                <td>
                    <div class="left-con">
                        <div class="blog-separator" style="height:120px;"></div>
                        <div class="community-img">
                            <a href="<?php echo base_url(); ?>blog/retrieve_article/web"><img src="<?php echo base_url(); ?>assets/images/web-logo.png" title="Komunitas Web"/></a>
                        </div>
                        <div class="community-img">
                            <a href="<?php echo base_url(); ?>blog/retrieve_article/mobile"><img src="<?php echo base_url(); ?>assets/images/mobile-logo.png" title="Komunitas Mobile"/></a>
                        </div>
                        <div class="community-img">
                            <a href="<?php echo base_url(); ?>blog/retrieve_article/analyst"><img src="<?php echo base_url(); ?>assets/images/analyst-logo.png" title="Komunitas Analyst"/></a>
                        </div>
                        <div class="community-img">
                            <a href="<?php echo base_url(); ?>blog/retrieve_article/event"><img src="<?php echo base_url(); ?>assets/images/event-logo.png" title="Event"/></a>
                        </div>
                        <div class="community-img">
                            <a href="<?php echo base_url(); ?>blog/retrieve_article/appreciation"><img src="<?php echo base_url(); ?>assets/images/apprecation-logo.png" title="Appreciation"/></a>
                        </div>
                    </div>
                </td>
                <td>
                    <div class="blog-center-con"> <!--style="background-color: #FFCC00;">!-->
                        <?php
                        if ($articles != false) {
                            foreach ($articles as $rows) {
                                ?>
                                <div class="read-blog-content">
                                    <div class="spread-bar-wrap" id="post-control-bar">
                                        <div class="spread-bar">
                                            <div class="fb-like" data-href="<?php echo base_url();?>blog/retrieve_read_article/<?php echo $rows->idartikel;?>" data-send="true" data-width="450" data-show-faces="true"></div>
                                            <a href="https://twitter.com/share" class="twitter-share-button" data-related="inkubatorIT" data-via="inkubatorIT" data-url="http://www.inkubatorit.com/blog/retrieve_read_article/<?php echo $rows->idartikel;?>" data-size="medium" data-lang="en" data-text="<?php echo '[IITNews] ' .$rows->judul;?>" >Tweet</a>
                                            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                                        </div>
                                    </div>
                                    <div class="read-blog-content-header">
                                        <span class="read-blog-info"> <em><?php echo date("l, d F Y, h:i:s", strtotime($rows->timestamp)); ?></em>
                                            <?php
                                            if ($this->session->userdata('user')):
                                                ?>
                                                <label>( </label>
                                                <a href="<?php echo base_url(); ?>blog/display_form/edit/<?php echo $rows->idartikel; ?>"><label>edit</label></a>
                                                <label> | </label>
                                                <a href="<?php echo base_url(); ?>blog/display_form/delete/<?php echo $rows->idartikel; ?>" onclick="return confirmDelete(this)"><label>delete</label></a>
                                                <label> )</label>
                                                <?php
                                            endif;
                                            ?>
                                        </span>
                                        <div class="read-blog-content-title">
                                            <h1><a title="<?php echo $rows->judul; ?>" href="<?php echo base_url(); ?>blog/retrieve_read_article/<?php echo $rows->idartikel; ?>" rel="bookmark"><?php echo $rows->judul; ?></a></h1>
                                        </div> 
                                        <span class="read-blog-info">Written by 
                                            <a href="" title="<?php echo $rows->penulis; ?>" rel="writer"><?php echo $rows->penulis; ?></a>
                                            <br/>
                                            <label>Category : </label><a href="#" title="<?php echo $rows->nama; ?>" rel="category tag"><?php echo $rows->nama; ?></a>
                                        </span>
                                    </div>
                                    <div class="blog-middlespacer"></div>
                                    <div class="read-blog-content-thumb" align="center"> 
                                        <a href="<?php echo base_url(); ?>/assets/images/<?php echo $rows->url_image; ?>" rel="bookmark" title="<?php echo $rows->judul; ?>'s photo">
                                            <img src="<?php echo base_url(); ?>assets/images/<?php echo $rows->url_image; ?>" align="center" alt="inkubatorIT-photo" class="read-blog-img" /></a>
                                    </div> 
                                    <p class="read-blog-text-excerpt-2">
                                        <?php echo $rows->konten; ?>
                                    </p>
                                    <div class="blog-middlespacer"></div>
                                </div>
                                <?php
                            }
                        }else {
                            ?> <label id="blog-label-sorry">Sorry content is not available</label>
                            <?php
                        }
                        ?>
                    </div>
                </td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <div class="comment_section">
                        <div class="fb-comments" data-href="<?php echo base_url();?>blog/retrieve_read_article/<?php echo $rows->idartikel;?>" ></div> 
                    </div>               
                </td>
            </tr>
        </table>
        <br/>
        <br/>
    </div>
</div>